//main.js项目入口文件，类似于C语言中头文件
import Vue from 'vue'
import App from './App.vue'
import router from './router'//自动扫描里面的的路由配置
import store from './store'

// 导入Buefy
import Buefy from 'buefy'
import 'buefy/dist/buefy.css'
//导入ElementUI
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
//导入css
import '@/assets/app.css'
//导入页面跳转权限
import '@/permission'
//导入分页
import './assets/plugins/font-awesome-4.7.0/css/font-awesome.min.css'

//相对时间
import relativeTime from 'dayjs/plugin/relativeTime';
import 'dayjs/locale/zh-cn'// 在项目中用dayjs来表示我们的时间国际化
const dayjs = require('dayjs');
dayjs.extend(relativeTime)// 相对时间插件
dayjs.locale('zh-cn') // use locale globally
dayjs().locale('zh-cn').format() // use locale in a specific instance

//在各个页面引用
Vue.use(Buefy)
Vue.use(ElementUI)
Vue.config.productionTip = false
Vue.prototype.dayjs = dayjs;

new Vue({
  router,//配置路由
  store,//配置状态
  render: h => h(App)//这个函数的作用就是生成一个VNode节点，render函数得到这个节点后，
  //返回给Vue.js的mount函数，渲染成真实DOM节点，并挂载到根节点上。
}).$mount('#app')
